<template>
    <div>
        <el-progress type="dashboard" :percentage="percentage" :color="colors"></el-progress>
    </div>
</template>
<script>
export default {
    props:["percentage"],
    data() {
        return {
        colors: [
          {color: '#f56c6c', percentage: 20},
          {color: '#e6a23c', percentage: 40},
          {color: '#5cb87a', percentage: 60},
          {color: '#1989fa', percentage: 80},
          {color: '#6f7ad3', percentage: 100}
        ],
        
      };
    },
}
</script>